body { 
    display: grid;
    grid-template-areas: 
      "header header header"
      "nav nav ads1"
      "article article ads2"
      "footer footer footer";
    grid-template-rows: 70px 350px 350px 1fr ;  
    grid-template-columns: 400px 1fr 400px;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    height: 100vh;
    margin: 0;
    }  
 article, div {
    padding: 1.2em;
    
    }
    
nav{
    background:rgb(255, 255, 255) ;
}
header{
    padding: 0em;
    background: rgb(40, 40, 179);
}
  #pageHeader {
    grid-area: header;
    }
  #pageFooter {
    grid-area: footer;
    }
  #mainArticle { 
    grid-area: article;  
    display: flex;
    flex-wrap: wrap;    
    }
  #mainNav { 
    grid-area: nav; 
    display: flex;
    flex-wrap: wrap;
    }
  #siteAds1 { 
    grid-area: ads1;
    
    }
    #siteAds2 { 
      grid-area: ads2;
      
      } 
/* 引用Grid 10布局 */
a{
    display: inline-block;
    width: 8%;
    height: 6%;
    text-decoration:none;
    color: rgb(255, 255, 255);
}
.head{
  display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
img{
    width: 500px;
}
th{
    text-align: left;
    
}
.img1{
    width: 150px;
}
.iaa{
  display: inline-block;
  width: 180px;
  height:20px;
  text-decoration:none;
  color: rgb(8, 0, 0);
}
a{
display: inline-block;
text-decoration:none;
color: rgb(8, 0, 0);
}
footer{
  padding: 1.2em;
  background: rgb(255, 255, 255);
}